<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>MY WORLD</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>

</head>
<body>
<header class="container-fluid">
  <nav class="navbar navbar-expand-lg   navbar-light bg-light">
    <a class="navbar-brand" href="#">
      <svg class="bi bi-x-diamond-fill text-info" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.047 3.339 8 7.293l3.954-3.954L9.049.435zm3.61 3.611L8.708 8l3.954 3.954 2.904-2.905c.58-.58.58-1.519 0-2.098l-2.904-2.905zm-.706 8.615L8 8.707l-3.954 3.954 2.905 2.904c.58.58 1.519.58 2.098 0l2.905-2.904zm-8.615-.707L7.293 8 3.339 4.046.435 6.951c-.58.58-.58 1.519 0 2.098l2.904 2.905z"/>
      </svg>
      我的博客
    </a>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <div class="navbar-nav mr-auto" th:remove="all-but-first">
        <a th:each="article:${datasource.allSubjectName}"
           th:text="${article.subjectName}"
           th:href="@{../myBlog/{path}/index.html(path=${article.pathName})}"
           class="nav-item nav-link" href="#">主页</a>
        <a class="nav-item nav-link" href="category/index.html">IT</a>
        <a class="nav-item nav-link" href="category/index.html">Java</a>
        <a class="nav-item nav-link" href="category/index.html">JavaScript</a>
      </div>
    </div>
    
     <div class="" id="navbarSupportedContentUser">
       <div class="navbar-nav mr-auto" >
         <a class="nav-item nav-link" href="../myweb/createQR.html">二维码生成</a>
         <a class="nav-item nav-link" href="../myweb/showAllUser">用户列表</a>
         <a class="nav-item nav-link" href="../myweb/reg.html">修改密码</a>
       </div>
    </div>
  </nav>
</header>

<div class="container-fluid text-center py-3 bg-dark">
    <h1 class="font-weight-normal text-center text-white ">我的博客</h1>
    <p class="font-weight-normal text-center text-white ">每日一篇，记录美好生活</p>
</div>

<div class="container-fluid bg-light">
  <div class="row">
    <div class="col-8" th:remove="all-but-first">
    
      <div th:each="article:${datasource.indexPageTopArticle}"  class="container bg-white py-2 my-5 mb-3">
		<!-- 标题区域 -->
        <h2 th:text="${article.metaData.title}" class="font-weight-normal text-center mb-1" >RUST语言的编程范式</h2>
		<!-- 元数据 -->
        <div th:text="${article.metaData.date}+' '+${article.metaData.author}" class="col-12 text-center border-bottom mt-2" >
			2020年06月12日 陈小明
        </div>
		<!-- 正文 -->
        <div>
          <p th:text="${article.metaData.preview}" class="text-center">总是有很多很多人来问我对Rust语言怎么看的问题，在各种地方被at，
			 其实，我不是很想表达我的想法。因为在不同的角度，你会看到不同的东西。
		  </p>
        </div>
      </div>

    </div>
    
    <div class="col-4">
      <div class="container bg-white mt-5 mb-3 ">
        <h4 class="font-weight-normal pt-3  mb-3 text-center ">最新文章</h4>
        <div th:remove="all-but-first" class="list-group list-group-flush pb-3 ">
          <a th:each="article:${datasource.topArticles}" 
          	 th:text="${article.metaData.title}" 
          	 th:href="@{../myBlog/{path}/{file}(path=${article.pathName},file=${article.fileName})}"
          	 class="list-group-item text-dark" 
          	 href="category/detail.html">Rust语言的编程范式
          </a>
          <a class="list-group-item text-dark" href="category/detail.html">与程序员相关的CPU缓存知识</a>
          <a class="list-group-item text-dark" href="category/detail.html">MegaEase的远程工作文化</a>
          <a class="list-group-item text-dark" href="category/detail.html">使用简单的逻辑方法进行独立思考</a>
          <a class="list-group-item text-dark" href="category/detail.html">别让自己“墙”了自己</a>
          <a class="list-group-item text-dark" href="category/detail.html">Unix 50 年：Ken Thompson 的密码</a>
          <a class="list-group-item text-dark" href="category/detail.html">HTTP的前世今生</a>
          <a class="list-group-item text-dark" href="category/detail.html">50年前的登月程序和程序员有多硬核</a>
          <a class="list-group-item text-dark" href="category/detail.html">如何超过大多数人</a>
          <a class="list-group-item text-dark" href="category/detail.html">HTTP API 认证授权术</a>
          <a class="list-group-item text-dark" href="category/detail.html">StackOverflow 2019 程序员调查</a>
        </div>
        </div>
      </div>
      
    </div>
  </div>

<!--底部-->
<footer class="container-fluid  bg-light mt-1 py-3 text-center font-weight-light">
	达内教育-Java教研部 版权所有
</footer>
</body>
</html>